<template lang="pug">
    div.layout.layout-row.flex.flex-column.absolute.pos-fit
      div.relative(v-for="n in max" v-if="$slots['top'+n]")
        slot(:name="'top'+n")
      div.relative.flex-auto
        slot
      div.relative(v-for="n in max" v-if="$slots['bottom'+n]")
        slot(:name="'bottom'+n")
</template>

<script>
export default {
  data() {
    return {
      max: 5
    };
  }
};
</script>
